<template>
	<view class="content">
		<navTop :title="navtop.title" :isHeight="false" :tipsShow="false" hasBgc="#fff" :color="navtop.color" :isBack="false" ></navTop>
		<view class="content-box" :style="{paddingTop:barHeight+'rpx'}">
			<view class="item" v-for="(v, i) in langs" @click="setInfo(v)">
				{{v}}
			</view>
		</view>
	</view>
</template>
<script>
import navTop from '@/components/nav-title.vue';

	export default {
		components: {
			navTop
		},
		data() {
			return {
				barHeight: 0,
				navtop: {
					title: 'Lang',
					color: '#000'
				},
				langs: ['EN', 'ZH', '한국어', '日本語', 'Français', 'Русский язык'],
			}
		},
		onLoad(e) {
		},
		created() {
			this.isBarHeight999().then((statusBarHeight)=>{
				this.barHeight = statusBarHeight + 180
			})
		},
		methods: {
			setInfo(v) {
				uni.navigateTo({
					url: '/pages/me/edit?lang=' + v
				})
			}
		}
	}
</script>

<style lang="less">
.content {
	background-color: #fff;
	// padding: 0 30px;
	min-height: 100vh;
}
.item {
	font-size: 32rpx;
	padding: 18rpx 30rpx;
	color: #000;
	border-bottom: 1px solid #F1F1F1;
	text-align: center;
}
</style>
